<template>
  <div>
    <h1>嵌套路由</h1>
    <div>
      <div class="left float">
        <ul>
          <li>
            <router-link to="/day0602/aaa">aaa</router-link>
          </li>
          <li>
            <router-link to="/day0602/bbb">bbb</router-link>
          </li>
          <li>
            <router-link to="/day0602/ccc">ccc</router-link>
          </li>
        </ul>
      </div>
      <div class="right float">
        <p>我是右侧显示区域</p>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      
    };
  },
  components: {
    
  },
  methods: {
  
    
  },
};
</script>
<style lang="">
  .float {
    float: left;
  }
  .left {
    width: 200px;
    height: 600px;
    border-right: 2px solid #333;
    background-color: #aaa;
  }
</style>